<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8"/>
    <title>发型工作室-登陆界面</title>
    <!-- Tell the browser to be responsive to screen width -->
    <meta name="viewport" content="width=device-width, initial-scale=1"/>
    <!-- Font Awesome -->
    <link rel="stylesheet" href="../util/AdminLTE/plugins/font-awesome/css/font-awesome.min.css"/>
    <!-- Ionicons -->
    <link rel="stylesheet" href="https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css"/>
    <!-- DataTables -->
    <link rel="stylesheet" href="../util/AdminLTE/plugins/datatables/dataTables.bootstrap4.min.css"/>
    <!-- Theme style -->
    <link rel="stylesheet" href="../util/AdminLTE/dist/css/adminlte.min.css"/>
    <!-- iCheck -->
    <link rel="stylesheet" href="../util/AdminLTE/plugins/iCheck/flat/blue.css"/>
    <!-- Morris chart -->
    <link rel="stylesheet" href="../util/AdminLTE/plugins/morris/morris.css"/>
    <!-- jvectormap -->
    <link rel="stylesheet" href="../util/AdminLTE/plugins/jvectormap/jquery-jvectormap-1.2.2.css"/>
    <!-- Date Picker -->
    <link rel="stylesheet" href="../util/AdminLTE/plugins/datepicker/datepicker3.css"/>
    <!-- Daterange picker -->
    <link rel="stylesheet" href="../util/AdminLTE/plugins/daterangepicker/daterangepicker-bs3.css"/>
    <!-- bootstrap wysihtml5 - text editor -->
    <link rel="stylesheet" href="../util/AdminLTE/plugins/bootstrap-wysihtml5/bootstrap3-wysihtml5.min.css"/>
    <!-- 主CSS -->
    <link rel="stylesheet" type="text/css" href="../util/css/main.css"/>
    <!-- 公共类CSS -->
    <link rel="stylesheet" type="text/css" href="../util/css/public.css"/>
</head>
<body class="hold-transition login-page">
<div class="login-box">
    <div class="login-logo">
        <a href="../../index2.html"><b>雷格</b>发型设计工作室</a>
    </div>
    <!-- /.login-logo -->
    <div class="card">
        <div class="card-body login-card-body">
            <p class="login-box-msg">系统登陆页面</p>
            <samp th:text="${result}" style="color:red"></samp>
            <form action="/login/loginAction" method="post">
                <div class="form-group has-feedback">
                    <span class="fa fa-user form-control-feedback"></span>
                    <input id="number" name="number" type="text" class="form-control" placeholder="员工工号"/>
                </div>
                <div class="form-group has-feedback">
                    <span class="fa fa-lock form-control-feedback"></span>
                    <input id="password" name="password" type="password" class="form-control" placeholder="登陆密码"/>
                </div>
                <div class="row">
                    <!-- /.col -->
                    <div class="col-12">
                        <button type="submit" class="btn btn-primary btn-block btn-flat">登陆后台</button>
                    </div>
                    <!-- /.col -->
                </div>
            </form>

            <div class="social-auth-links text-center mb-3">
                <!-- /.social-auth-links -->

                <p class="mb-1">
                    <a href="/login/forgotPassword">忘记密码？点我找回</a>
                </p>
            </div>
            <!-- /.login-card-body -->
        </div>
    </div>
    </div>
    <!-- /.login-box -->

    <!-- jQuery -->
    <script src="../util/AdminLTE/plugins/jquery/jquery.min.js"></script>
    <!-- Bootstrap 4 -->
    <script src="../util/AdminLTE/plugins/bootstrap/js/bootstrap.bundle.min.js"></script>
    <!-- iCheck -->
    <script src="../util/AdminLTE/plugins/iCheck/icheck.min.js"></script>
    <script>

        $(function () {
            $('input').iCheck({
                checkboxClass: 'icheckbox_square-blue',
                radioClass   : 'iradio_square-blue',
                increaseArea : '20%' // optional
            })
        })
    </script>
</body>
</html>
